<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.js"></script>
    <script src="./build/page.js"></script>
    <title>Document</title>
  </head>
  <body>
    <div>直接使用es6的 import和export 需要require.js的支持</div>
    <div>因为es6引入的方式 编译时会按照amd规范生成编译后的代码 define开头那种 无法直接在浏览器运行</div>
    <div>所以需要require.js库的支持</div>
    <div>暴露对象需要 export default class Page 同时引入时按照下面写法</div>
    <script>
      require(["page"], function (page) {
        new page.default();
      });
    </script>
  </body>
</html>
